<!DOCTYPE html>
<html lang="ch-ZN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品分类</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <script src="../../lib/js/flexible.js"></script>
</head>

<body ontouchstart>
  <div class="app-wrap bg-gary" id="productCategory" v-cloak>
    <!-- 头部 -->
    <div class="product-topNav bg-white">
      <i class="icon-back-product ml-48"></i>
      <div class="title-items">
        <span class="item"><a href="javascript:;">商品分类</a></span>
      </div>
    </div>
    <!-- 分类 -->
    <div class="product-category-wrap bg-gary">
      <div class="single-wrap bg-white">
        <div ontouchstart class="item-wrap icon-arr-r" v-for="(item,index) in singleList" :key="index">
          <div class="item">
            <span>{{item}}</span>
          </div>
        </div>
      </div>
      <!-- 详细的分类 -->
      <div class="detail-wrap bg-white">
        <!-- 具体详细分类 -->
        <div class="more-section">
          <h1 class="title">{{moreList.more.title}}</h1>
          <ul class="list">
            <li v-for="(item,index) in moreList.more.conList" :key="index">{{item}}</li>
          </ul>
          <div class="clear">
            <span class="moreBtn">查看全部</span>
          </div>
        </div>
        <!-- 简单分类 -->
        <div class="simple-section">
          <div class="item-wrap icon-arr-r" v-for="(item,index) in moreList.simple" :key="index">
            <div ontouchstart class="item">
              <span>{{item}}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/fastclick.js"></script>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    productCategory();
  </script>
</body>

</html>